<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title></title>
    <script type="text/javascript" src="http://cart.fourmall.com/static/cart/js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="http://cart.fourmall.com/static/cart/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="http://cart.fourmall.com/static/cart/js/swiper.min.js"></script>
    <script src="http://cart.fourmall.comstatic/cart/js/swiper.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://cart.fourmall.com/static/cart/css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="http://cart.fourmall.com/static/cart/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="http://cart.fourmall.com/static/cart/css/success.css"/>

</head>

<body>
<!--头部-->
<div class="alert-info">
    <div class="hd_wrap_top">
        <ul class="hd_wrap_left">
            <li class="hd_home"><i class="glyphicon glyphicon-home"></i>
                <a href="http://fourmall.com/">谷粒商城首页</a>
            </li>

        </ul>

        <ul class="hd_wrap_right">
            <li>
                <a href="http://auth.fourmall.com/login?redirect_url=http://fourmall.com/"
                   th:if="${xxl_sso_user==null}">请登录</a>
                <a href="http://auth.fourmall.com/user.html" th:if="${xxl_sso_user!=null}"
                   th:text="${xxl_sso_user.username}"></a>
                <a href="http://auth.fourmall.com/reg.html" th:if="${xxl_sso_user==null}" class="li_2">免费注册</a>
                <a th:href="@{http://auth.fourmall.com/logout(redirect_url=${redirect_url})}"
                   th:if="${xxl_sso_user!=null}">注销</a>
            </li>
            <li class="spacer"></li>

            <li>
                <a href="http://cart.fourmall.com/javascript:;">我的订单</a>
            </li>


        </ul>

    </div>
</div>

<div class="nav-tabs-justified">
    <div class="nav_wrap">

        <div class="nav_top">
            <div class="nav_top_one">
                <a href="http://cart.fourmall.com/#"><img src="http://cart.fourmall.com/static/cart/img/logo1.jpg"
                                                          style="height: 60px;width:180px;"/></a>
            </div>
            <div class="nav_top_two"><input type="text"/>
                <button>搜索</button>
            </div>


        </div>

    </div>
</div>

<div class="main">

    <div class="success-wrap">
        <div class="w" id="result">
            <div class="m succeed-box">
                <div th:if="${successMsg != null}">
                    <h2 style="color: forestgreen">恭喜，秒杀成功，订单号：[[${successMsg}]]</h2>
                    <div>正在准备订单数据，10s以后自动跳转到支付页面！</div>
                    <a th:href="@{http://order.fourmall.com/payOrder(orderSn=${successMsg})}"><span>去支付</span></a>
                </div>

                <div th:if="${errorMsg != null}">
                    <h2 style="color: red">秒杀失败</h2>
                    <div th:text="${errorMsg}"></div>
                    <a href="http://fourmall.com"><span>去首页抢购其他秒杀商品吧！</span></a>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
<script type="text/javascript" src="http://cart.fourmall.com/static/cart/js/success.js"></script>

</html>
